<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../css/homepage/reset.css">
  <link rel="stylesheet" href="../icon-font/iconfont.css">
  <link rel="stylesheet" href="../css/homepage/header.css">
  <link rel="stylesheet" href="../css/homepage/footer.css">
  <link rel="stylesheet" href="../css/cartpage/cart.css">
</head>

<body>
  <header id="head">
    <div class="wrapper">
      <div class="logo">
        <a href="../html/littleDuck.html"></a>
      </div>
      <!-- 导航 -->
      <nav>
        <ul>
          <li><a href="../html/littleDuck_list.html">全部商品</a></li>
          <li><a href="./littleDuck_list.html?kw=滚筒洗衣机">滚筒洗衣机</a></li>
          <li><a href="./littleDuck_list.html?kw=洗烘套装">洗烘套装</a></li>
          <li><a href="./littleDuck_list.html?kw=波轮洗衣机">波轮洗衣机</a></li>
          <li><a href="../html/littleDuck_list.html?kw=洗烘一体机">洗烘一体机</a></li>
          <li><a href="../html/littleDuck_list.html?kw=干衣机">干衣机</a></li>
          <li><a href="">洗护产品</a></li>
        </ul>
      </nav>
      <div class="seach-box">
        <input class="seach-inp" type="text" placeholder="人气热销">
        <span class="iconfont icon-sousuoxiao"></span>
      </div>
      <div class="user_list">
        <a class="iconfont_user">
          <i class="user_icon"></i>
        </a>
        <a href="" class="user_img">
          <img src="../img/ls_avatar_120.png" alt="">
        </a>
        <ul>
          <li><a href="">我的订单</a></li>
          <li><a href="">我的优惠券</a></li>
          <li><a class="user_set">账户设置</a></li>
          <li class="login_item"><a class="out">退出登入</a></li>
        </ul>
      </div>
      <div class="user_cart">
        <a class="iconfont_cart">
          <i class="cart_icon"></i>
          <span class="cart_icon_num">0</span>
        </a>
        <div>
          <p class="cart_out_tip">立即<a href="./login.html">登入</a>，查看购物车商品</p>
          <p class="cart_icon_tip">购物车中还没有商品，赶紧选购吧</p>
        </div>
      </div>
    </div>
    <!-- 商品顶部二级导航 -->
    <div class="nav-items">
      <ul>
        <li>
          <a href="">
            <img src="../img/a7bfe36fbfe949339f995b1837006809.jpg" alt="">
            <p>【送七年电机保修金卡】小天鹅10KG滚筒洗衣机 水魔方冷水洗涤 TG100VT86WMAD5</p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="" alt="">
            <p></p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="" alt="">
            <p></p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="" alt="">
            <p></p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="" alt="">
            <p></p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="" alt="">
            <p></p>
          </a>
        </li>

      </ul>
    </div>
  </header>


  <main>
    <div class="cart_top">
      <h2>购物车</h2>
    </div>
    <div class="wrapper">
      <!-- 购物车空 -->
      <div class="cart_empty">
        <div class="icon_cart"></div>
        <div class="hinter">您的购物车还是空的，去看看心仪的商品吧~</div>
        <div class="cart_btn">
          <a href="./littleDuck_list.html">去购物</a>
          <!-- <a href="">去收藏夹</a> -->
        </div>
      </div>

      <div class="cart_body">
        <!-- 购物车头部 -->
        <ul class="cart_title_wrap">
          <div class="cart_choose">
            <input type="checkbox" name="" id="" class="all_choose all_choose_a">
            <span>全选</span>
          </div>
          <li class="cart_product">商品信息</li>
          <li class="cart_sku">规格</li>
          <li class="cart_price">单价(元)</li>
          <li class="cart_num">数量</li>
          <li class="cart_total">小计(元)</li>
          <li class="cart_operation">操作</li>
        </ul>

        <!-- 购物车清单 -->
        <div class="cart_list">
          <div class="item_title">
            <!-- <input type="checkbox" name="" id="" class="all_choose"> -->
            <i class="icon_shop"></i>
            <span>小天鹅官方商城</span>
          </div>

          <!-- 商品列表 -->
          <ul class="cart_item">
            <!-- <li class="item_detail">
              <div class="cart_choose">
                <input type="checkbox" class="one_choose">
                <span class="cart_img"><img src="../img/list_img/1619029368269.jpg" alt=""></span>
              </div>
              <div class="cart_product">
                <a href="">小天鹅10KG波轮洗衣机 健康除螨洗 阻尼玻璃门盖 智能WiFi TB100VT219WY</a>
              </div>
              <div class="cart_sku">
                <p class="sku_color">巴赫银</p>
                <p class="sku_spec">10KG</p>
              </div>
              <div class="cart_price">
                <p class="price">39.9</p>
                <div class="tag_active">限时抢购</div>
              </div>
              <div class="cart_num">
                <div class="num_change">
                  <span class="reduce">
                    -
                  </span>
                  <input type="text" class="num" value="1" index="1">
                  <span class="add">
                    +
                  </span>
                </div>
                <div class="stock_quota">限购5件</div>
              </div>
              <p class="cart_total">32222.00</p>
              <p class="item_delete">x</p>
            </li> -->
          </ul>
        </div>

        <!-- 购物车统计结算 -->
        <div class="cart_bottom">
          <div class="cart_sum_left">
            <div class="cart_cart_choose">
              <input type="checkbox" name="" id="" class="all_choose all_choose_b">
              <span>全选</span>
            </div>
            <p class="all_delete">删除</p>
            <!-- <div>移入收藏夹</div> -->
            <!-- <div>清除失效商品</div> -->
          </div>
          <div class="cart_sum_right">
            <p>已选商品 <span class="total_num">0</span> 件</p>
            <div class="cart_sum_price">
              <span>合计：</span>
              <span class="total_price">￥0</span>
              <p>(不含运费)</p>
            </div>
            <a class="cart_sum_to_order">去结算</a>
          </div>
        </div>
      </div>
    </div>
    <div class="pay_bg">
      <div class="pay_box">
        <span>x</span>
        <p>KFC-Crazy-Thursday-V-Me-50</p>
        <img src="../img/7b2cfce39a0fb9868faba0e979fcc88.jpg" alt="">
      </div>
    </div>
  </main>



  <footer>
    <div class="wrapper">
      <div class="f-top">
        <ul>
          <li>
            <i class="iconfont icon-shangdian"></i>
            <span>小天鹅唯一官方商城</sapn>
          </li>
          <li>
            <i class="iconfont icon-baohu"></i>
            <span>全国联保</span>
          </li>
          <li>
            <i class="iconfont icon-wuliuchaxun"></i>
            <span>全网优价/全场包邮</span>
          </li>
          <li>
            <i class="iconfont icon-tuihuanhuo"></i>
            <span>7天无理由退换</span>
          </li>
          <li>
            <a href="" class="iconfont icon-zizhi"></a>
            <span>企业资历</span>
          </li>
        </ul>
      </div>
      <div class="f-middle">
        <ul class="f-m-left">
          <li>
            <ul>
              <li>购物流程</li>
              <li><a href="">注册和登入</a></li>
              <li><a href="">购买流程</a></li>
            </ul>
          </li>
          <li>
            <ul>
              <li>支付方式</li>
              <li><a href="">第三方平台</a></li>
              <li><a href="">发票制度</a></li>
              <li><a href="">支付常见问题</a></li>
            </ul>
          </li>
          <li>
            <ul>
              <li>物流配送</li>
              <li><a href="">第三方物流</a></li>
              <li><a href="">配送范围</a></li>
              <li><a href="">商品验收</a></li>
            </ul>
          </li>
          <li>
            <ul>
              <li>客服服务</li>
              <li><a href="">服务政策</a></li>
              <li><a href="">售后服务</a></li>
              <li><a href="">安装保修</a></li>
            </ul>
          </li>
          <li>
            <ul>
              <li>联系我们</li>
              <li><a href="">联系我们</a></li>
              <li><a href="">服务条款</a></li>
              <li><a href="">隐私条款</a></li>
            </ul>
          </li>
        </ul>
        <div class="f-m-right">
          <h2>400-8228-228</h2>
          <p>周一至周日 9:00-22:00</p>
          <div><a href="">
              <i class="iconfont icon-kehufuwukefu"></i>
              <span>在线客服</span></a>
          </div>
        </div>
      </div>
      <div class="f-bottom">
        <ul>
          <li><a href="">小天鹅官网</a></li>
          <li><a href="">美的商城</a></li>
          <li><a href="">安得物流</a></li>
          <li><a href="">企业采购</a></li>
        </ul>
        <p>
          <span>版权所有 © 无锡小天鹅电器有限公司 苏ICP备14025600号</span>
          <img src="../img/5c1c566a375bd.png" alt="">
        </p>
      </div>
    </div>
  </footer>

  <script src="../js/jquery.min.js"></script>
  <script src="../js/promise_ajax.js"></script>
  <script src="../js/api.js"></script>
  <script src="../js/cartpage.js"></script>
  <script src="../js/header.js"></script>
</body>

</html>